<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/home.css">
    <!--    查找相对路劲，-->
</head>
<body>
<div class="home-top">
    <div class="home-top-content">
        <div class="home-top-logo float-left">
            <div class="float-left"><img src="../img/logo_jzv9.jpg"/></div>
            <div class="float-left">
                <div class="home-top-logo-chinese">商务酒店</div>
                <div>TRADERS HOTEL</div>
            </div>
        </div>
        <!--        导航-->
        <div class="home-top-nav float-left">
            <ul>
                <li>
                    <div>网站首页</div>
                    <h6></h6>
                    <p></p>
                </li>
                <li>
                    <div>关于我们</div>
                    <h6></h6>
                    <p></p>
                </li>
                <li>
                    <div>服务项目</div>
                    <h6></h6>
                    <p></p>
                </li>
                <li>
                    <div>新闻中心</div>
                    <h6></h6>
                    <p></p>
                </li>
                <li>
                    <div>设施介绍</div>
                    <h6></h6>
                    <p></p>
                </li>
                <li>
                    <div>在线订房</div>
                    <h6></h6>
                    <p></p>
                </li>
                <li>
                    <div>联系我们</div>
                    <h6></h6>
                    <p></p>
                </li>
            </ul>
        </div>

    </div>
    <!--        广告-->
    <div class="home-top-ad">
        <ul>
            <li><img src="../img/ban_s8ne.jpg"/></li>
            <!--            <li><img src="../img/ban1_hnkr.jpg"/></li>-->
        </ul>
        <div class="home-top-ad-content">
        </div>
        <div class="home-top-ad-content-one">
            TRADERS HOTEL
        </div>
        <div class="home-top-ad-content-two">
            <p></p>
            LEAVE A LIGHT NIGHT WAITING FOR PEOPLE
        </div>
    </div>
</div>
<div class="home-middle">
    <div class="home-middle-content">
        <!--        第一部分 酒店咨询-->
        <div class="hotel-info">
            <div class="home-middle-content-left float-left">
                <!--            左侧第一部分-->
                <div class="home-middle-content-left-one">
                    <div class="border"></div>
                    <div class="img"><img src="../img/jd_mhoe.png" height="231" width="176"/></div>
                    <div class="phone">
                        <h4>订饭热线</h4>
                        <p>400-028-369</p>
                    </div>
                </div>
                <!--            左侧第二部分-->
                <div class="news">
                    <h4>新闻中心</h4>
                    <p>NEWS CENTER</p>
                </div>
                <!--            左侧第三部分，包括新闻内容和最下边的see more-->
                <div>
                    <div class="news-content">
                        <div class="news-contents">
                            <h5 class="float-left">两大企业强强联手打造喀什月星</h5>
                            <p class="float-right">2020-04-08</p>
                        </div>
                        <div class="news-contents">
                            <h5 class="float-left">两大企业强强联手打造喀什月星</h5>
                            <p class="float-right">2020-04-08</p>
                        </div>
                        <div class="news-contents">
                            <h5 class="float-left">两大企业强强联手打造喀什月星</h5>
                            <p class="float-right">2020-04-08</p>
                        </div>
                        <div class="news-contents">
                            <h5 class="float-left">两大企业强强联手打造喀什月星</h5>
                            <p class="float-right">2020-04-08</p>
                        </div>
                        <div class="news-contents">
                            <h5 class="float-left">两大企业强强联手打造喀什月星</h5>
                            <p class="float-right">2020-04-08</p>
                        </div>
                        <div CLASS="see-more">
                            <div class="float-left">&gt;</div>
                            <div class="float-left">SEE MORE</div>
                        </div>
                    </div>
                </div>
            </div>
            <!--        右侧部分-->
            <div class="home-middle-content-right float-right">
                <!--            上部分-->
                <div class="home-subarea">
                    <!--                每一块-->
                    <div class="subarea ">
                        <div class="subarea-img"><img src="../img/t01_fgu7.jpg" height="180" width="264"/></div>
                        <div class="subarea-bottom">
                            <div class="v">V</div>
                            <div class="m">
                                <div>贵宾阁</div>
                                <div>VIP PAVILION</div>
                            </div>
                            <div class="b">
                                <div class="float-left"><img src="../img/11.png"/></div>
                                <div class="float-left">MORE DETAILS</div>
                            </div>
                        </div>
                    </div>
                    <div class="subarea">
                        <div class="subarea-img"><img src="../img/t01_fgu7.jpg" height="180" width="264"/></div>
                        <div class="subarea-bottom">
                            <div class="v">V</div>
                            <div class="m">
                                <div>贵宾阁</div>
                                <div>VIP PAVILION</div>
                            </div>
                            <div class="b">
                                <div class="float-left"><img src="../img/11.png"/></div>
                                <div class="float-left">MORE DETAILS</div>
                            </div>
                        </div>
                    </div>
                    <div class="subarea">
                        <div class="subarea-img"><img src="../img/t01_fgu7.jpg" height="180" width="264"/></div>
                        <div class="subarea-bottom">
                            <div class="v">V</div>
                            <div class="m">
                                <div>贵宾阁</div>
                                <div>VIP PAVILION</div>
                            </div>
                            <div class="b">
                                <div class="float-left"><img src="../img/11.png"/></div>
                                <div class="float-left">MORE DETAILS</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="home-info">
                    <div class="home-info-left float-left">
                        <div class="about">
                            <p>关于酒店</p>
                            <p>ABOUT HOTEL</p>
                            <hr>
                        </div>
                        <div class="info">
                            酒店成立于1990年，坐落在“全国工业旅游
                            示范点”的略巴拉集团公司，是集旅游，
                            餐饮、住宿、会议接待，商务活动等三星，
                            级涉外酒店(现正在积极申报四星)。酒店整
                            个建筑为仿古庭院式建筑...
                        </div>
                        <div class="left-hidden">&lt;</div>
                    </div>
                    <div class="home-info-right float-left">
                        <div class="img"><img src="../img/qt_ml0l.jpg"/></div>
                        <!--      img-bottom下边黑色条形，主要用于显示图片张数              -->
                        <div class="img-bottom">
                            <ul>
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                        </div>
                        <div class="right-hidden">&gt;</div>
                        <!--                    遮罩-->
                        <div class="home-info-right-over-hidden"></div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--        第二部分 服务项目-->
    <div class="home-service">
        <div class="home-service-content">
            <div class="home-service-info">
                <p class="service-info">服务项目</p>
                <div class="home-service-info-span">
                    <span class="float-left span1"></span>
                    <span class="float-left">SERVICE ITEMS</span>
                    <span class="float-left span1"></span>
                </div>
                <hr>
                <div class="service-info-template">
                    <a href="#">
                        <div>住宿可防及套房</div>
                    </a>
                    <a href="#">
                        <div>住宿可防及套房</div>
                    </a>
                    <a href="#">
                        <div>住宿可防及套房</div>
                    </a>
                    <a href="#">
                        <div>住宿可防及套房</div>
                    </a>
                    <a href="#">
                        <div>住宿可防及套房</div>
                    </a>
                </div>
            </div>
            <div class="lunBo-border">
                <div class="home-service-lunBo">
                    <div class="lunBo">
                        <div><img src="../img/01_6dzw.jpg" height="232" width="300"/></div>
                        <div>酒吧及露天茶座</div>
                    </div>
                    <div class="lunBo">
                        <div><img src="../img/02_ruze.jpg" height="232" width="300"/></div>
                        <div>酒吧及露天茶座</div>
                    </div>
                    <div class="lunBo">
                        <div><img src="../img/03_ad6p.jpg" height="232" width="300"/></div>
                        <div>酒吧及露天茶座</div>
                    </div>
                    <div class="lunBo">
                        <div><img src="../img/03_ad6p (1).jpg" height="232" width="300"/></div>
                        <div>酒吧及露天茶座</div>
                    </div>
                    <div class="lunBo">
                        <div><img src="../img/04_6rdd.jpg" height="232" width="300"/></div>
                        <div>酒吧及露天茶座</div>
                    </div>
                    <div class="lunBo">
                        <div><img src="../img/05_6weg.jpg" height="232" width="300"/></div>
                        <div>酒吧及露天茶座</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--        第三部分  在线订房-->
<div class="online">
    <div class="online-content">
        <div class="online-img-left">
            <img src="../img/tt_98lv.jpg" height="400" width="412" class="float-left"/>
            <div class="online-lianxi">
                <img src="../img/qq1_0f2q.png" height="64" width="64"/>
                <img src="../img/wb1_1d1b.png" height="64" width="64"/>
                <img src="../img/wx1_1pu4.png" height="64" width="64"/>
            </div>
        </div>
        <div class="online-img-right">
            <img src="../img/tt0_uukk.jpg" height="400" width="324" class="float-left"/>
            <div class="online-white-div">

            </div>
            <div class="online-a">&lt;</div>
            <div class="online-b">在线订房</div>
            <div class="online-c">
                <div class="float-left"><img src="../img/b01_ix28.png" height="64" width="64"/></div>
                <div class="ziti">
                    高、中档次套间9套，二人标准房间80间。
                    能容纳200人，多功能会议厅1个，中小型会议接待室7个。
                </div>
            </div>
            <div class="online-d">
                <div class="float-left"><img src="../img/b02_2v8u.png" height="64" width="64"/></div>
                <div class="ziti">
                    高、中档次套间9套，二人标准房间80间。
                    能容纳200人，多功能会议厅1个，中小型会议接待室7个。
                </div>
            </div>
            <div class="online-e">
                <div class="float-left"><img src="../img/b03_c48x.png" height="64" width="64"/></div>
                <div class="ziti">
                    高、中档次套间9套，二人标准房间80间。
                    能容纳200人，多功能会议厅1个，中小型会议接待室7个。
                </div>
            </div>
        </div>

    </div>

</div>
<div class="home-foot">
    <div class="home-foot-content">
        <div><img src="../img/dlogo_bx20.jpg" height="42" width="190"/></div>
        <p class="shuxian"></p>
        <div><img src="../img/wx_dae9.png" height="64" width="64"/></div>
        <p class="shuxian"></p>
        <div>
            <div class="dingfangrexian">
                订房热线<br>
                <span>400 028-369</span><br>
                邮箱: 12345@12345. com<br>
                地址:成都市孵化园E座<br>
            </div>
        </div>
        <p class="shuxian"></p>
        <div>
            <div class="beian">
                PaAIasaI B3q2u T TV<br>
                CO3 ssautsnqS10Z-6002口2y6uAdoJ
            </div>
        </div>
    </div>
</div>
</body>
</html>